import 'package:enjoy_plus_ohos/utils/eventbus.dart';
import 'package:enjoy_plus_ohos/utils/http.dart';
import 'package:enjoy_plus_ohos/utils/toast.dart';
import 'package:enjoy_plus_ohos/utils/token.dart';
import 'package:flutter/material.dart';
import 'dart:async'; // 添加Timer支持

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  // 添加计时器相关状态
  Timer? _timer;
  int _countdown = 60;
  bool _isTimerRunning = false;
  final TextEditingController _phoneController = TextEditingController();
  final TextEditingController _codeController = TextEditingController();

  @override
  void dispose() {
    // 释放定时器
    _timer?.cancel();
    // 释放控制器
    _phoneController.dispose();
    _codeController.dispose();
    super.dispose();
  }

  // 开始倒计时方法
  void _startTimer() async {
    // 判断手机号是否为空
    if (_phoneController.text.isEmpty) {
      ToastUtil.showError('手机号不能为空');
      return;
    }

    // 判断手机号是否为11位
    if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(_phoneController.text)) {
      ToastUtil.showError('请输入正确的手机号');
      return;
    }

    // 调用接口，发送验证码到用户手机
    final res = await http.get(
      '/code',
      params: {'mobile': _phoneController.text},
    );

    // 业务状态吗错误提示
    if (res['code'] != 10000) {
      // 如果组件未挂载，则不显示
      if (!mounted) return;
      ToastUtil.showError('获取验证码失败');
      return;
    }
    // 初始化倒计时状态和秒数
    setState(() {
      _isTimerRunning = true;
      _countdown = 60;
    });

    // 用户收到验证码，延迟2秒，输入验证码
    Future.delayed(const Duration(seconds: 2), () {
      _codeController.text = res['data']['code'];
    });

    // 开启定时器,每秒执行一次
    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      setState(() {
        // 如果倒计时大于0，则减一秒
        if (_countdown > 1) {
          _countdown--;
        } else {
          // 倒计时结束，停止定时器
          _isTimerRunning = false;
          _timer?.cancel();
        }
      });
    });
  }

  // 处理登录
  void _handleLogin() async {
    // 获取表单数据
    final phone = _phoneController.text;
    final code = _codeController.text;

    // 验证手机号
    if (phone.isEmpty) {
      ToastUtil.showError('手机号不能为空');
      return;
    }

    if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(phone)) {
      ToastUtil.showError('请输入正确的手机号');
      return;
    }

    // 验证验证码
    if (code.isEmpty) {
      ToastUtil.showError('验证码不能为空');
      return;
    }

    if (code.length != 6) {
      ToastUtil.showError('请输入6位验证码');
      return;
    }

    // 发送 post 登录请求
    final res = await http.post('/login', data: {
      'mobile': _phoneController.text,
      'code': _codeController.text,
    });
    // 判断是否业务状态吗异常
    if (res['code'] != 10000) {
      return ToastUtil.showError(res['message']);
    }
    // 保存 token 到本地
    TokenManager().saveToken(res['data']['token']);
    ToastUtil.showSuccess('登录成功');
    // 返回上一页
    if (context.mounted) {
      Navigator.pop(context);
    }
    // 刷新我的页面
    eventBus.fire(RefreshMine());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('登录', style: TextStyle(color: Colors.black)),
        backgroundColor: Colors.white,
        shadowColor: Colors.transparent,
        foregroundColor: Colors.black, // 返回箭头颜色
        centerTitle: true,
      ),
      body: Container(
        padding: const EdgeInsets.all(20),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Row(
              children: const [
                Text(
                  '登录',
                  style: TextStyle(
                    fontSize: 25,
                    fontWeight: FontWeight.bold,
                  ),
                )
              ],
            ),
            const SizedBox(height: 10),
            Row(
              children: const [
                Text(
                  '加入享+, 让生活更轻松',
                  style: TextStyle(fontSize: 15),
                )
              ],
            ),
            const SizedBox(height: 30),
            Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Expanded(
                  flex: 1,
                  child: TextField(
                    controller: _phoneController,
                    keyboardType: TextInputType.phone,
                    maxLength: 11,
                    decoration: const InputDecoration(
                      labelText: '手机号',
                      hintText: '请输入手机号',
                      counterText: '',
                    ),
                  ),
                ),
                ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: Colors.white,
                    shadowColor: Colors.transparent,
                    foregroundColor: _isTimerRunning
                        ? Colors.grey
                        : const Color.fromARGB(255, 85, 145, 175),
                    minimumSize: const Size(100, 50),
                  ),
                  onPressed: _isTimerRunning ? null : _startTimer,
                  child: Text(_isTimerRunning ? '$_countdown秒' : '获取验证码'),
                ),
              ],
            ),
            const SizedBox(height: 8),
            TextField(
              controller: _codeController, // 文本编辑控制器，用于收集数据
              keyboardType: TextInputType.number, // 键盘类型
              maxLength: 6, // 最大输入长度
              decoration: const InputDecoration(
                labelText: '验证码',
                hintText: '请输入6位验证码',
              ),
            ),
            const SizedBox(height: 8),
            Row(
              children: const [
                Text(
                  '未注册手机号经验证后将自动登录',
                  style: TextStyle(fontSize: 12, color: Colors.grey),
                ),
              ],
            ),
            const SizedBox(height: 50),
            Row(
              children: [
                Expanded(
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: const Color.fromARGB(255, 85, 145, 175),
                      minimumSize: const Size(100, 50),
                    ),
                    onPressed: _handleLogin,
                    child: const Text(
                      '登录',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 20,
                      ),
                    ),
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}
